button{
    margin: 10px 20px;
}
.ant-card{
    margin: 10px 20px;
}
.card-warp{
    margin: 10px 20px;
}

//这个是让模态框 水平垂直居中的样式 begin
.vertical-center-modal {
    text-align: center;
    white-space: nowrap;
  }
  
  .vertical-center-modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    width: 0;
  }
  
  .vertical-center-modal .ant-modal {
    display: inline-block;
    vertical-align: middle;
    top: 0;
    text-align: left;
  }
  //这个是让模态框 水平垂直居中的样式 end